$(function() {
    
    function render() {
        $.ajax({
            type: 'get',
            url : 'http://localhost:3000/api/getgsshop',
            dataType: 'json',
            success(res) {
                // console.log(res);
                $('.li-box').html(template('tql',res))

            }
        })
    }
    render()

    function renderone() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getgsshoparea',
            dataType: 'json',
            success(res) {
                // console.log(res);
                $('.li-box1').html(template('tmp',res))
            }
        })
    }
    renderone()

    $('#jd').click(function() {
        // console.log(1);
        
        $('.li-box').slideToggle()
        render()
    })
    $('#hd').click(function() {
        // console.log(2);
        
        $('.li-box1').slideToggle()
        renderone()
    })
    $('#all').click(function() {        
        
        $('.li-box2').slideToggle()
        
    })
    //记录id
    let one = 0
    let two = 0
    $('.li-box').on('click','#shop .a-one',function() {
        console.log(1);
        $('#jd a').text($(this).text())
        $('.li-box').hide()
        let id = $(this).data('id')
        one = id
        renderF(one,two)
    })

    $('.li-box1').on('click','#shop .a-one',function() {
        console.log(1);
        $('#hd a').text($(this).text())
        $('.li-box1').hide()
        let id1 = $(this).data('id')
        two = id1
        renderF(one,two)
    })
    
    $('.all-a').click(function() {
        $('.all').text($(this).text())
        $('.li-box2').hide()
    })


    function renderF(idone = 0,idtwo = 0) {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getgsproduct?shopid='+ idone +'&areaid=' +idtwo,
            dataType: 'json',
            success(res) {
                console.log(res);
                $('.main-gs').html(template('tqlone',res))
            }
        })
    }
    renderF()
    

})